body {
    background: #f5f5f5;
}

.clickShowBox {
    height: 7rem!important;
    padding-top: .6rem;
}

.tab_tittle {
    .swiper {
        width: 15rem;
        margin: 0;
    }
}

.p_content {
    padding: 0 1rem;
    position: relative;
    font-size: .6rem;
}

.clickPopup_title {
    padding: 60px 36px 40px 34px!important;
}

.newsletterBar {
    padding: 1rem .8rem .65rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    .block_top {
        overflow: hidden;
        .block_top_left {
            float: left;
            width: 4.7rem;
            height: 4.7rem;
            border-radius: 12px;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .block_top_right {
            float: right;
            width: 9.65rem;
            .block_top_right_title {
                width: 100%;
                letter-spacing: 0;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                font-family: PingFangSC-Medium;
                font-size: .8rem;
                color: #0f2540;
                line-height: 1rem;
                text-overflow: ellipsis;
                margin-top: .2rem;
            }
            .block_top_right_bottom {
                height: 1.8rem;
                font-family: PingFangSC-Regular;
                font-size: .65rem;
                color: #bcbcbc;
                text-align: left;
                line-height: .9rem;
                margin-top: .5rem;
                width: 100%;
                letter-spacing: 0;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }
        }
    }
    .block_bottom {
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        margin-top: .8rem;
        img {
            width: .9rem;
            float: left;
        }
        span {
            font-family: PingFangSC-Medium;
            font-size: .6rem;
            color: #c9d6de;
            letter-spacing: 0;
            margin-left: .4rem;
        }
        .like_total,
        .msg_total {
            float: left;
        }
        .talk {
            margin-left: 1.2rem;
        }
        .block_bottom_time {
            float: right;
            color: #c6c6c6;
        }
    }
}

.live {
    .liveList {
        li {
            background-image: url(http://s1.dgtle.com/dgtle_img/live/2022/01/12/38b1e202201121135471793_1800_500.jpeg);
            position: relative;
            width: 100%;
            margin-bottom: 1rem;
            height: 11rem;
            border-radius: 12px;
            background-repeat: no-repeat;
            background-size: cover;
            .bgImg {
                position: relative;
                z-index: 10;
                background-image: linear-gradient( -180deg, rgba(15, 37, 64, .55), rgba(15, 37, 64, .85) 99%);
                width: 100%;
                height: 11rem;
                border-radius: 12px;
                box-sizing: border-box;
                padding: 1rem;
                .liveStatus {
                    display: flex;
                    flex-wrap: nowrap;
                    -webkit-box-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: center;
                    align-items: center;
                    span {
                        background-image: linear-gradient( -180deg, #f77, #dd5a5a);
                        box-shadow: 0 16px 20px 0 rgba(251, 118, 118, 50%);
                        display: inline-block;
                        width: .8rem;
                        height: .8rem;
                        border-radius: 100%;
                        margin-right: 20px;
                    }
                    p {
                        font-family: PingFangSC-Regular;
                        font-size: .65rem;
                        color: #fff;
                        letter-spacing: 0;
                    }
                }
                .content {
                    text-align: center;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    height: 100%;
                    width: 100%;
                    padding: 1rem;
                    transform: translate(-50%);
                    box-sizing: border-box;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    justify-content: center;
                    p {
                        color: #fff;
                    }
                    .title {
                        font-size: 1rem;
                        margin-bottom: 20px;
                    }
                    .otherInfo {
                        font-size: .65rem;
                    }
                }
            }
        }
    }
}

.dailyItem {
    .WapDailyBar {
        margin-bottom: 1rem;
        .DailyBar_box {
            width: 100%;
            height: 408px;
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            a {
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .DailyBar_box_mask {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background-image: linear-gradient( -180deg, rgba(15, 37, 64, .55) 2%, rgba(15, 37, 64, .85));
                border-radius: 12px;
            }
            .DailyBar_box_text {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                .DailyBar_box_text_top {
                    height: 70px;
                    margin-left: 30px;
                    margin-top: 28px;
                    .DailyBar_box_day {
                        float: left;
                        font-family: Helvetica;
                        font-size: 70px;
                        color: #fff;
                        letter-spacing: 0;
                        line-height: 70px;
                    }
                    .DailyBar_box_time {
                        float: left;
                        margin-left: 12px;
                        margin-top: 6px;
                        .DailyBar_box_time_month {
                            font-family: Helvetica;
                            font-size: 28px;
                            color: #c6c6c6;
                            letter-spacing: 0;
                            line-height: 28px;
                        }
                        .DailyBar_box_time_year {
                            font-family: Helvetica;
                            font-size: 24px;
                            color: #c6c6c6;
                            letter-spacing: 0;
                            line-height: 24px;
                            margin-top: 4px;
                        }
                    }
                }
                .DailyBar_box_content_wrap {
                    display: table;
                    width: 550px;
                    margin-left: 60px;
                    height: 176px;
                    margin-top: 32px;
                    overflow: hidden;
                    .DailyBar_box_content_cell {
                        display: table-cell;
                        vertical-align: middle;
                        .DailyBar_box_content_word {
                            font-family: PingFangSC-Semibold;
                            font-size: 32px;
                            color: #fff;
                            letter-spacing: 0;
                            line-height: 44px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 4;
                            -webkit-box-orient: vertical;
                        }
                    }
                }
                .DailyBar_author {
                    font-family: PingFangSC-Regular;
                    font-size: 26px;
                    color: #c6c6c6;
                    letter-spacing: 0;
                    text-align: right;
                    margin-top: 32px;
                    .DailyBar_author_line {
                        width: 60px;
                        height: 1px;
                        background: #c6c6c6;
                        margin-bottom: 8px;
                        display: inline-block;
                    }
                }
            }
        }
    }
}